<template>
  <div class="flex  h-full w-5/6 flex-col rounded-lg">
    <!--导航栏右边内容盒子-->
    <TopLogo></TopLogo>
    <transition  enter-active-class="animate__animated animate__fadeIn" leave-active-class="animate__animated animate__fadeOut">
    <router-view>
    </router-view>
    </transition>
    <PlayMech></PlayMech>
  </div>
  <!--导航栏右边盒子结束-->

</template>
<script>
  import Index from '../pages/Index.vue';
import MusicList from './MusicList.vue';
  import PlayMech from './PlayMech.vue';
  import TopLogo from './TopLogo.vue';



  export default {
    name: 'MainContainer',
    components: {
      TopLogo,
      PlayMech,
      MusicList,
      Index
    }
  }
</script>